import { reactive, ref, onMounted, onUnmounted } from "vue"
import * as util from "@/utils"
import { ElMessage, ElMessageBox } from "element-plus"

export default function (cfg = {}) {
    const 父组件 = cfg.父组件
    const 单项组 = cfg.单项组

    // const 单项组 = reactive([])
    // const 单项组 = 父组件.单项.skus
    console.log(`父组件.单项 👉`, 父组件.单项)
    let 拟删除子表ids = []
    // 拟删除子表ids = 父组件.单项.拟删除子表ids
    拟删除子表ids = 父组件.单项["项目明细_拟删除子表ids"]

    const 单项模板 = {}
    if (cfg.单项模板) {
        Object.assign(单项模板, cfg.单项模板)
    }

    function 加一行() {
        单项组.unshift(util.深拷贝(单项模板))
    }

    const 删行 = row => {
        // const index = 单项组.indexOf(row);
        // if (index !== -1) 单项组.splice(index, 1);
        let id = row.id
        util.删除元素(单项组, row)
        if (id) {
            // 拟删除子表ids[id] = ''
            util.添加非重复元素(拟删除子表ids, id)
        }
        console.log(`拟删除子表ids 👉`, 拟删除子表ids)
    }

    return {
        删行,
        加一行,
        拟删除子表ids,
        // 单项组,
        // 初始化
    }
}
